<template>
  <view>
  <div class="foot">
    <div class="foot_content">
      <dl class="kecheng_cen">
        <dt><a href="#">关于我们</a></dt>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=3')">网站介绍</a></dd>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=27')">联系我们</a></dd>

      </dl>
      <dl class="kecheng_cen">
        <dt>新手指南</dt>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=6')">注册</a></dd>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=7')">登录</a></dd>
      </dl>
      <dl class="kecheng_cen">
        <dt><a href="#">如何兑换</a></dt>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=18')">如何兑换增值服务</a></dd>
      </dl>
      <dl class="kecheng_cen">
        <dt><a href="javascript:">如何学习</a></dt>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=20')">如何做题</a></dd>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=28')">如何用微信学习</a></dd>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=23')">视频打不开怎么办</a></dd>
        <dd><a href="javascript:" @tap="sheep.$router.go('/pages/index/user?path=richtext&id=24')">文档打不开怎么办</a></dd>
      </dl>
      <div class="weixin_pic"><img src="/static/images/erweima.png" class="img-fluid"><p>关注微信</p></div>
      <div class="kefu_phone" style="display:none;"><span>客服热线</span><p>400-818-8688</p></div>
    </div>
    <div class="weibo">
      <div class="weibo_con"><span class="beian_sumb">中国计划出版社主办 京公网安备：110102000579 京ICP备05021380号 版权声明</span></div>
    </div>
  </div>
  </view>
</template>
<script setup>
import sheep from '@/sheep';
</script>

<style scoped lang="scss">
  /* 底部导航 */
  .foot { background:#46505A; clear:both; width:100%; margin-top: 30px; }
  .foot_content {width:1150px;  height:195px; padding-top:30px; margin:0 auto; background:url(/static/images/foot_pic.jpg) #46505A repeat-x;  display: block;}
  .foot_content dl { float:left; color:#DFDFDF; width:210px; text-align:left;}
  .foot_content dl dt { font-size:21px; height:30px; line-height:30px; overflow:hidden; padding-left:38px; padding-bottom:10px;}
  .foot_content dl dd { height:24px; line-height:24px; font-size:14px; overflow:hidden; padding-left:38px;}
  .foot_content dl dd a,.foot_content dl dt a { color:#DBDBDB; text-decoration: none}
  .foot_content dl dd a:hover { color:#FC8E15; transition:color 0.3s ease-out 0s;}
  /* 底部微信 */
  .weixin_pic {
    float: left;
    width: 103px;
    padding-top: 30px;
  }

  .weixin_pic img {
    width: 103px;
    height: 103px;
  }

  .weixin_pic p {
    color: #DBDBDB;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 2px;
    text-align: center;
  }

  .kefu_phone {
    float: left;
    color: #DBDBDB;
    padding-left: 20px;
    padding-top: 30px;
    text-align: left;
    width: 187px;
  }

  .kefu_phone span {
    display: block;
    font-size: 17px;
    padding-bottom: 10px;
    background: url(../images/kefu_phone.gif) no-repeat left 0;
    padding-left: 35px;
  }

  .kefu_phone p {
    line-height: 30px;
    font-size: 19px;
  }

  .weibo {
    background: #323C46;
    height: 46px;
    padding-top: 7px;
    padding-bottom: 3px;
    width: 100%;
    overflow: hidden;
  }

  .weibo_con {
    width: 1150px;
    margin: 0 auto;
    background: #323C46;
    overflow: hidden;
  }

  .weibo_con .sina {
    background: url(../images/sina_pic.gif) no-repeat;
    width: 134px;
    height: 44px;
    overflow: hidden;
    display: block;
    font-size: 0px;
    color: #323C46;
  }

  .weibo_con .sina:hover {
    background: url(../images/sian_hover.gif) no-repeat;
    transition: background 0.5s ease-out 0s;
  }

  .weibo_con .tengxun {
    background: url(../images/tengxun_pic.gif) no-repeat left 3px;
    padding-top: 5px;
    width: 146px;
    height: 46px;
    overflow: hidden;
    display: block;
    margin-left: 25px;
    margin-top: -3px;
    font-size: 0px;
    color: #323C46;
  }

  .weibo_con .tengxun:hover {
    background: url(../images/tengxun_hover.gif) no-repeat left 3px;
  }

  .weibo_con a {
    display: inline-block;
    float: left;
  }

  .beian_sumb {
    text-align: center;
    display: block;
    color: #f1f1f1;
    height: 46px;
    line-height: 46px;
    font-size: 12px;
  }
</style>